<template>
    <a-layout style="min-height: 100vh">
        <iframe
        :src="chatbotUrl"
              style="width: 100%; height: 100%; min-height: 700px"
              frameborder="0"
        allow="microphone"
      ></iframe>
    </a-layout>
</template>
<script setup>
import { computed } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
const chatbotUrl = computed(() => {
  const botId = route.params.botId || "WMO8HYUTaAvMvfX2";
  return `http://localhost/chatbot/${botId}`;
});
</script>

